import React from 'react'
import MarkdownIt from 'markdown-it';
import MdEditor from 'react-markdown-editor-lite';
// import style manually
import 'react-markdown-editor-lite/lib/index.css'



export default function Index() {

    // 用来解析 md 用的
    const mdParser = new MarkdownIt(/* Markdown-it options */);

    // 获取到输入的内容
    function handleEditorChange({ html, text }) {
        console.log('handleEditorChange', html, text);
        // 获取到输入的内容，可以将内容发送给后端保存，也可以自己做渲染
    }

    return (
        <div>
            <h3>MD 编辑器</h3>

            <MdEditor style={{ height: '500px' }} renderHTML={text => mdParser.render(text)} onChange={handleEditorChange} />

        </div>
    )
}
